<template>
  <!-- 出入库台账 -->
  <div class="app-page">
    <el-tabs
      ref="inventorySearchRef"
      v-model="activeTabName"
      type="card"
    >
      <el-tab-pane label="站点出入库台账" name="stations">
        <stations ref="stations" />
      </el-tab-pane>
      <el-tab-pane label="配送员出入库台账" name="couriers">
        <couriers ref="couriers" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import couriers from './components/couriers'
  import stations from './components/stations'
  export default {
    name: 'inventorySearch',
    components: {
      stations,
      couriers
    },
    data() {
      return {
        activeTabName: 'stations'
      }
    },

    async created() {
    },
    mounted() {
      this.activeTabName = this.$refs.inventorySearchRef.panes[0].name
    },
    methods: {

    }
  }
</script>

<style lang="scss" scoped>
.app-page {
  padding: 0;
  margin: 0;
  /deep/.el-tabs__header {
    margin: 0 0 10px;
  }
}
</style>
